<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>Test Send Message API</title>  
</head>  
<body>  
  
<script>  
    // 替换为你的Spring Boot应用程序的URL  
    const apiUrl = 'http://127.0.0.1:8080/App/sendMessage';  
  
    // 创建一个要发送的消息对象  
    const message = {
        receiver: '122913026@qq.com',
        content: 'Hello, API Test!'  
    };  
  
    // 转换为JSON字符串  
    const messageJson = JSON.stringify(message);  
  
    // 使用fetch API发送POST请求  
    fetch(apiUrl, {  
        method: 'POST', // 或者 'POST'  
        headers: {  
            'Content-Type': 'application/json'  
        },  
        body: messageJson  
    })  
    .then(response => {  
        if (!response.ok) {  
            throw new Error(`HTTP error! status: ${response.status}`);  
        }  
        return response.text(); // 或者 response.json()，如果返回的是JSON  
    })  
    .then(data => {  
        console.log('Success:', data);  
        // 在这里处理返回的数据，例如更新页面元素  
    })  
    .catch(error => {  
        console.error('There has been a problem with your fetch operation:', error);  
    });  
</script>  
  
</body>  
</html>